<!doctype html>
<html lang="zh_cn">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <!-- <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-fileinput/5.0.4/css/fileinput.min.css" />
  <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" /> -->
  <title>Document</title>
  <style type="text/css">
	/*初始化CSS！*/
	body,div,span,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,a,img,input{ 
		margin:0; 
		padding:0; 
		border:0;
		background:no-repeat;	
	/*	list-style:none;
		text-align:center;
		 */	
	}

	/*初写正文样式！*/
	body{
		color:#333;
		font:14px '微软雅黑';
		background-color:#fdfcf8;
		line-height:1.5;
	}

	/*初写超链接样式！*/
	a{
		color:#338de6;text-decoration:none;
	}
	.green{
		background-color:#afb;
	}
 </style>
 </head>
 <body>
 <form id="thisForm" name="thisForm" action="#" method="post" >
	<!-- 用户名：	<input required class="green " type="text" id="nameInp" name="nameInp" /> -->
	选择文件：	<input type="file" id="imgInp" name="imgInp" multiple required accept=".jpg,.jpeg,.png"/>
	<button type="submit" id="subtn" name="subtn" >提交</button>
	<button type="reset" id="resbtn" name="resbtn" >重置</button>
	<button type="button" id="btn" name="btn">其他</button>

</form>
<!-- <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-fileinput/5.0.4/js/fileinput.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-validate/1.19.1/jquery.validate.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script> -->
<script src="./js/resizeImages.js"></script>
<script type="text/javascript">
	window.onload=function(){
        var subtn=document.getElementById('subtn');
        var posturl="/Home/Index";
		subtn.onclick=function(){
            var imgQt={quality:0.3};
            init("thisForm","imgInp",100,imgQt,posturl);            
			return false;
		}

		// $("#imgInp").fileinput({
		// 	dropZoneEnabled: false,
		// 	//minFileCount:1,
		// 	// maxFileCount:2,
		// 	allowedFileExtensions: ["jpg", "png", "gif"]
		// });
	}
</script>
 </body>
</html>
